<!DOCTYPE html>
<html lang="en-US">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>about-me-laodudym</title>
  <meta name="description" content="Bako - Personal Portfolio & Resume HTML Template">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">

  <!-- STYLESHEETS -->
  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/all.min.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/simple-line-icons.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/slick.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">

  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/atom.xml" title="Hexo" type="application/atom+xml">
</head>

<body>

  <!-- preloader -->
  <div id="preloader">
    <div class="outer">
      <div class="spinner">
        <div class="dot1"></div>
        <div class="dot2"></div>
      </div>
    </div>
  </div>

  <!-- site wrapper -->
  <div class="site-wrapper">

    <!-- mobile header -->
    <div class="mobile-header py-2 px-3 mt-4">
      <button class="menu-icon mr-2">
        <span></span>
        <span></span>
        <span></span>
      </button>
      <a href="index.html" class="logo"><img src="images/logo.png" alt="Loadu DYM" /></a>
      <a href="index.html" class="site-title dot ml-2">Loadu DYM</a>
    </div>

    <!-- header -->
    <header class="left float-left shadow-dark" id="header">
      <button type="button" class="close" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <div class="header-inner d-flex align-items-start flex-column">
        <a href="index.html"><img src="images/logo.png" alt="Bako Doe" /></a>
        <a href="index.html" class="site-title dot mt-3">Loadu DYM</a>
        <span class="site-slogan">后端开发</span>

        <!-- navigation menu -->
        <nav>
          <ul class="vertical-menu scrollspy">
            <li><a href="#home" class="active"><i class="icon-home"></i>Home</a></li>
            <li><a href="#about"><i class="icon-user"></i>About</a></li>
            <!--<li><a href="#services"><i class="icon-bulb"></i>Services</a></li>-->
            <!--<li><a href="#resume"><i class="icon-graduation"></i>Resume</a></li>-->
            <!--<li><a href="#works"><i class="icon-grid"></i>Works</a></li>-->
            <li><a href="https://laodudym.gitee.io"><i class="icon-pencil"></i>Blog</a></li>
            <!--<li><a href="#contact"><i class="icon-phone"></i>Contact</a></li>-->
          </ul>
        </nav>

        <!-- footer -->
        <div class="footer mt-auto">

          <!-- social icons -->
          <ul class="social-icons list-inline">
            <li class="list-inline-item"><a href="https://github.com/laoduDYM" target="_blank" rel="noopener"><i class="fab fa-github"></i></a></li>
            <li class="list-inline-item"><a href="https://gitee.com/laoduDYM" target="_blank" rel="noopener"><i class="fab fa-gitee"></i></a></li>
          </ul>

          <!-- copyright -->
          <!--<span class="copyright">© 2020 Bako Template</span>-->
        </div>
      </div>
    </header>

    <!-- main content area -->
    <main class="content float-right">

      <!-- section hero -->
      <section class="hero background parallax shadow-dark d-flex align-items-center" id="home"
        data-image-src="images/hero.jpg">
        <div class="cta mx-auto mt-2">
          <h1 class="mt-0 mb-4">I’m Loadu DYM<span class="dot"></span></h1>
          <p class="mb-4">一个人静静坐在电脑面前写代码的感觉，那是什么感觉?那是武林高手闭关修炼的感觉。</p>
        </div>
        <div class="overlay"></div>
      </section>

      <!-- section about -->
      <section id="about" class="shadow-blue white-bg padding">
        <h3 class="section-title">About Me</h3>
        <div class="spacer" data-height="80"></div>

        <div class="row">
          <div class="col-md-3">
            <img src="images/about.png" alt="about" />
          </div>
          <div class="col-md-9">
            <h2 class="mt-4 mt-md-0 mb-4">Hello,</h2>
            <p class="mb-0">我是laodu,一个后端开发人员,热爱新技术,喜欢解决各种问题,热爱我的职业.</p>
            <div class="row my-4">
              <div class="col-md-6">
                <p class="mb-2">Name: <span class="text-dark">dym</span></p>
                <p class="mb-0">Birthday: <span class="text-dark">1987-11</span></p>
              </div>
              <div class="col-md-6 mt-2 mt-md-0 mt-sm-2">
                <p class="mb-2">Location: <span class="text-dark">LiaoNing, ShenYang</span></p>
                <p class="mb-0">Email: <span class="text-dark">dymiam@163.com.com</span></p>
              </div>
            </div>
            <a href="#" class="btn btn-default mr-3"><i class="icon-cloud-download"></i>Download CV</a>
            <a href="mailto:dymiam@163.com" class="btn btn-alt mt-2 mt-md-0 mt-xs-2"><i class="icon-envelope"></i>Hire
              me</a>
          </div>
        </div>
      </section>

      <!-- section skills -->
      <section id="skills" class="shadow-blue white-bg padding">
        <h3 class="section-title">My skills</h3>
        <div class="spacer" data-height="80">学习技术为了更好是的实现需求</div>

        <p class="mb-0"></p>

        <div class="row mt-5">

          <div class="col-md-6">
            <!-- skill item -->
            <div class="skill-item">
              <div class="skill-info clearfix">
                <h4 class="float-left mb-3 mt-0">Spring Cloud</h4>
                <span class="float-right">85%</span>
              </div>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="85">
                </div>
              </div>
              <div class="spacer" data-height="50"></div>
            </div>
          </div>

          <div class="col-md-6">
            <!-- skill item -->
            <div class="skill-item">
              <div class="skill-info clearfix">
                <h4 class="float-left mb-3 mt-0">SQL</h4>
                <span class="float-right">90%</span>
              </div>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="90">
                </div>
              </div>
              <div class="spacer" data-height="50"></div>
            </div>
          </div>

          <div class="col-md-6">
            <!-- skill item -->
            <div class="skill-item">
              <div class="skill-info clearfix">
                <h4 class="float-left mb-3 mt-0">NoSql</h4>
                <span class="float-right">60%</span>
              </div>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="60">
                </div>
              </div>
              <div class="spacer d-md-none d-lg-none" data-height="50"></div>
            </div>
          </div>

          <div class="col-md-6">
            <!-- skill item -->
            <div class="skill-item">
              <div class="skill-info clearfix">
                <h4 class="float-left mb-3 mt-0">Netty</h4>
                <span class="float-right">70%</span>
              </div>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="70">
                </div>
              </div>
            </div>
          </div>

        </div>
      </section>

      <!-- section facts -->
      <section id="facts" class="shadow-dark color-white background parallax padding-50"
        data-image-src="images/background-1.jpg">

        <div class="row relative z-1">
          <div class="col-md-3 col-sm-6">
            <!-- fact item -->
            <div class="fact-item text-center">
              <i class="icon-like icon-circle"></i>
              <h2 class="count">2</h2>
              <span>开源项目</span>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <!-- fact item -->
            <div class="fact-item text-center">
              <i class="icon-cup icon-circle"></i>
              <h2 class="count">20</h2>
              <span>参与项目</span>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <!-- fact item -->
            <div class="fact-item text-center">
              <i class="icon-emotsmile icon-circle"></i>
              <h2>?</h2>
              <span>BUG</span>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <!-- fact item -->
            <div class="fact-item text-center">
              <i class="icon-trophy icon-circle"></i>
              <h2 class="count">7</h2>
              <span>工作经验</span>
            </div>
          </div>
        </div>

        <div class="overlay"></div>

      </section>
    </main>

  </div>

  <!-- Go to top button -->
  <a href="javascript:" id="return-to-top"><i class="fa fa-chevron-up"></i></a>

  <!-- SCRIPTS -->
  <script src="js/jquery-1.12.3.min.js"></script>
  <script src="js/jquery.easing.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.counterup.min.js"></script>
  <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
  <script src="js/isotope.pkgd.min.js"></script>
  <script src="js/infinite-scroll.min.js"></script>
  <script src="js/imagesloaded.pkgd.min.js"></script>
  <script src="js/slick.min.js"></script>
  <script src="js/contact.js"></script>
  <script src="js/validator.js"></script>
  <script src="js/custom.js"></script>

</body>

</html>